<template>
  <div class="home">
    <img :src="logo" alt="首页图标">
  </div>
</template>

<script setup lang="ts" name="Home">


import logo from '@/assets/index/logo.png'
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter();

onMounted(() => {
  console.log('首页组件挂载了, 3s 后跳转到新闻页面')
  // setTimeout(() => {
  //   // 跳转到新闻页面
  //   router.push({ name: 'news' })
  // }, 3000);
})

</script>

<style scoped>
.home {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
</style>